<!DOCTYPE html>
<html lang="pt-br">
<head>
	<meta charset="utf-8">
	<title>Entendo a estrutura e semântica do HTML5</title>
	<meta name="keywords" content="HTML5, CSS3, frontend, agni">
	<meta name="description" content="Se você quer se aventurar com o HTML5, entenda aqui a sua estrutura básica, a semântica das principais marcações novas e algumas ferramentas.">
	<meta name="author" content="Edu Agni">
	<meta name="robots" content="index,follow">
	<link rel="stylesheet" type="text/css" href="css/painel.css">

	<!-- BOOTSTRAP -->
	<!-- Latest compiled and minified CSS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

	<!-- Optional theme -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">

	<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>

	<!-- Latest compiled and minified JavaScript -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
	<!-- BOOTSTRAP -->

</head>
<body>
	<!-- NAV BAR -->
	<nav class="navbar navbar-findcond navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#"><img src="images/logo/logo3.png" alt="" /></a>
			</div>
			<div class="collapse navbar-collapse" id="navbar">
				<ul class="nav navbar-nav navbar-right">
					<li class="active"><a href="#">Solicite seu Pedido</a></li>
					<li><a href="#">Meus Pedidos</a></li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Arnaldo Costa <span class="caret"></span></a>
						<ul class="dropdown-menu" role="menu">
							<li><a href="#">Alterar Dados</a></li>
							<li class="divider"></li>
							<li><a href="#exit">Sair</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</nav>
	<!-- NAV BAR -->

	<!-- PASSO A PASSO -->
	<div class="container">
		<div class="stepwizard">
			<div class="stepwizard-row setup-panel">
				<div class="stepwizard-step">
					<a href="#step-1" type="button" class="btn btn-primary btn-circle">1</a>
					<p>Escolha</p>
				</div>
				<div class="stepwizard-step">
					<a href="#step-2" type="button" class="btn btn-default btn-circle" disabled="disabled">2</a>
					<p>Monte sua Refeição</p>
				</div>
				<div class="stepwizard-step">
					<a href="#step-3" type="button" class="btn btn-default btn-circle" disabled="disabled">3</a>
					<p>Endereço de Entrega</p>
				</div>
				<div class="stepwizard-step">
					<a href="#step-4" type="button" class="btn btn-default btn-circle" disabled="disabled">4</a>
					<p>Forma de Pagamento</p>
				</div>
				<div class="stepwizard-step">
					<a href="#step-5" type="button" class="btn btn-default btn-circle" disabled="disabled">5</a>
					<p>Confirmação</p>
				</div>
			</div>
		</div>
		<form role="form">
			<div class="row setup-content" id="step-1">
				<div class="col-xs-12">
					<div class="col-md-12">
						<h4>Tamanho da Refeição</h4>
						<div class="form-group multiple-form-group input-group">
	                        <select name="tamanho[]" class="tamanho">
	                            	<option value="Pequena">Pequena</option>
	                            	<option value="Média">Média</option>
	                            	<option value="Grande">Grande</option>
	                            </select>
	                        <span class="input-group-btn">
	                            <button type="button" class="btn btn-success btn-add">+</button>
	                        </span>
	                    </div>
						<button class="btn btn-primary nextBtn btn-lg pull-right" type="button" >Próximo</button>
					</div>
				</div>
			</div>
			<div class="row setup-content" id="step-2">
				<div class="col-xs-12">
					<div class="col-md-12">
						<h3>Monte sua Refeição</h3>
						<!--<div class="form-group">
							<label class="control-label">Company Name</label>
							<input maxlength="200" type="text" required="required" class="form-control" placeholder="Enter Company Name" />
						</div>
						<div class="form-group">
							<label class="control-label">Company Address</label>
							<input maxlength="200" type="text" required="required" class="form-control" placeholder="Enter Company Address"  />
						</div>-->
						<button class="btn btn-primary nextBtn btn-lg pull-right" type="button" >Próximo</button>
					</div>
				</div>
			</div>
			<div class="row setup-content" id="step-3">
				<div class="col-xs-12">
					<div class="col-md-12">
						<h3>Endereço de Entrega</h3>
						<!--<div class="form-group">
							<label class="control-label">Company Name</label>
							<input maxlength="200" type="text" required="required" class="form-control" placeholder="Enter Company Name" />
						</div>
						<div class="form-group">
							<label class="control-label">Company Address</label>
							<input maxlength="200" type="text" required="required" class="form-control" placeholder="Enter Company Address"  />
						</div>-->
						<button class="btn btn-primary nextBtn btn-lg pull-right" type="button" >Próximo</button>
					</div>
				</div>
			</div>
			<div class="row setup-content" id="step-4">
				<div class="col-xs-12">
					<div class="col-md-12">
						<h3>Forma de Pagamento</h3>
						<!--<div class="form-group">
							<label class="control-label">Company Name</label>
							<input maxlength="200" type="text" required="required" class="form-control" placeholder="Enter Company Name" />
						</div>
						<div class="form-group">
							<label class="control-label">Company Address</label>
							<input maxlength="200" type="text" required="required" class="form-control" placeholder="Enter Company Address"  />
						</div>-->
						<button class="btn btn-primary nextBtn btn-lg pull-right" type="button" >Próximo</button>
					</div>
				</div>
			</div>
			<div class="row setup-content" id="step-5">
				<div class="col-xs-12">
					<div class="col-md-12">
						<h3>Confirmação</h3>
						<!--<div class="form-group">
							<label class="control-label">Company Name</label>
							<input maxlength="200" type="text" required="required" class="form-control" placeholder="Enter Company Name" />
						</div>
						<div class="form-group">
							<label class="control-label">Company Address</label>
							<input maxlength="200" type="text" required="required" class="form-control" placeholder="Enter Company Address"  />
						</div>-->
						<button class="btn btn-primary nextBtn btn-lg pull-right" type="button" >Próximo</button>
					</div>
				</div>
			</div>
		</form>
	</div>
	<script src="js/passoapasso.js"></script>
	<script src="js/addtamanho.js"></script>
	<!-- PASSO A PASSO -->




</body>
</html>